<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>直播</title>
		<link rel="stylesheet" type="text/css" href="./css/live.css" />
		<link rel="stylesheet" type="text/css" href="./css/pbulic.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<script src="./js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")

			});
		</script>
	</head>
	<body>
		<nav>
			<i class="iconfont back">&#xe889;</i>
			<div class="qualitybox">
				<span class="quality">直播课程</span>
			</div>
			<div class="navright">
				<i class="iconfont">&#xe67f;</i>
				<span></span>
				<i class="iconfont">&#xe649;</i>
			</div>
		</nav>
		<div class="classify">
			<span>分类</span>
			<span class="my">我的课程</span>
		</div>
		<div class="midimg">
			<img src="./img/classify.png">
		</div>
		<div class="vd">
			<video src="./img/swxf.webm"></video>
			<img class="suspend" src="./img/suspend.svg">
			<div class="vdspan">
				<span>2018征徒体育户外挑战赛 全程直播</span>
				<span>时间：2018.5.1 9:00:00 - 2018.5.4 20:00:00</span>
				<div class="vdsmbox">
					<span>￥99元</span>
					<div class="com">
						<span>立即进入</span>
					</div>
				</div>
			</div>
		</div>
		<div class="videobox">
			<div class="video">
				<video src="./img/swxf.webm"></video>
				<img class="suspends" src="./img/suspend.svg">
				<div class="videospan">
					<span>2018征徒体育户外挑战赛</span>
					<span>穿越新疆罗布泊无人区 </span>
					<div class="videofox">
						<span>￥99元</span>
						<div class="playback">
							<span>回放</span>
						</div>
					</div>
				</div>
			</div>
			<div class="video">
				<video src="./img/swxf.webm"></video>
				<img class="suspends" src="./img/suspend.svg">
				<div class="videospan">
					<span>2018征徒体育户外挑战赛</span>
					<span>穿越新疆罗布泊无人区 </span>
					<div class="videofox">
						<span>￥99元</span>
						<div class="playback">
							<span>回放</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="videobox">
			<div class="video">
				<video src="./img/swxf.webm"></video>
				<img class="suspends" src="./img/suspend.svg">
				<div class="videospan">
					<span>2018征徒体育户外挑战赛</span>
					<span>穿越新疆罗布泊无人区 </span>
					<div class="videofox">
						<span>￥99元</span>
						<div class="playback">
							<span>回放</span>
						</div>
					</div>
				</div>
			</div>
			<div class="video">
				<video src="./img/swxf.webm"></video>
				<img class="suspends" src="./img/suspend.svg">
				<div class="videospan">
					<span>2018征徒体育户外挑战赛</span>
					<span>穿越新疆罗布泊无人区 </span>
					<div class="videofox">
						<span>￥99元</span>
						<div class="playback">
							<span>回放</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function tiaozhuan(goHref) {
			for (var i = 0; i < goHref.aTaget.length; i++)
				goHref.aTaget[i].addEventListener('click', function() {
					plus.webview.open(goHref.newPage)
				})
		}
		tiaozhuan({
			aTaget: document.getElementsByClassName("back"),
			newPage: "personalcenter.html",
		})
		tiaozhuan({
			aTaget: document.getElementsByClassName("my"),
			newPage: "mycourse.html",
		})
	</script>
</html>
